<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户主页</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="homepage.css">
</head>

<body>

    <aside>
        <nav>
            <img src="person.jpg" alt="">
            <div>id没想好</div>


            <a href="#account"><i class="material-icons md-36">account_circle</i>
                <p>Account</p>
            </a>

            <a href="#group"><i class="material-icons md-36">group</i>
                <p>Group</p>
            </a>

            <a href="#forum"><i class="material-icons md-36">forum</i>
                <p>Forum</p>
            </a>
        </nav>

    </aside>

    <section class="account" id="account">
        <div class="shell">
            <div class="image" style="background-image: url('主页背景1x.jpg');">
                <div class="heading">
                    <h1>Account</h1>
                </div>
                <span class="heading">
                    <li>年级：20级</li>
                    <li>班级：软外203</li>
                    <li>感兴趣的方向：前端开发</li>
                </span>
                <div>
                    <a href="editaccount.html">
                    <button class="btn">编辑账户</button>
                    </a>
                </div>
            </div>

        </div>

    </section>

    <section class="group" id="group">
        <div class="shell">
            <div class="image" style="background-image: url('主页背景2x.jpg');">
                <div class="heading">
                    <h1>Group</h1>
                </div>
                <span class="heading">
                    <li>所在小组：前端开发学习小组</li>
                    <li>小组内职务：小组成员</li>
                </span>
                <div>
                    <a href="group.html">
                    <button class="btn">查看小组</button>
                    </a>
                </div>

            </div>
        </div>

    </section>

    <section class="forum" id="forum">
        <div class="shell">
            <div class="image" style="background-image: url('主页背景3x.jpg');">
                <div class="heading">
                    <h1>Forum</h1>
                </div>
                <span class="heading">
                    <li>所在的小组论坛：前端开发学习小组</li>
                </span>
                <div>
                    <a href="forum.html">
                    <button class="btn">进入论坛</button>
                    </a>
                </div>

            </div>
        </div>
    </section>

</body>

</html>